
.container {margin:10px auto; width:950px; height:300px; background:#eee; padding:50px 0 0 0;}
/* ----------------------------------------------------- */
/* navigation styles - BEGIN */ 

/* style for horizontal nav */	
#navigation_horiz {width:820px; clear:both; padding:0 0 0 0; margin:0 auto;}
#navigation_horiz  ul {height:50px; display:block;}
#navigation_horiz  ul li {display:block; float:left; width:200px; height:50px; background:#999; margin:0 1px 0 0; position:relative;}
#navigation_horiz  ul li a.navlink {display:block; width:200px; height:30px; padding: 20px 0 0 0; text-align:center; color:#fff; text-decoration:none;}
#navigation_horiz .dropdown {position:absolute; padding:20px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px;}

	/* style for each drop down - horizontal */
	#navigation_horiz ul li #dropdown_one {background:#ccc; color:#fff;}
	#navigation_horiz ul li #dropdown_one a {color:red;}
	#navigation_horiz ul li #dropdown_two {background:#ccc; color:#fff;}
	#navigation_horiz ul li #dropdown_two a {color:black;}
	#navigation_horiz ul li #dropdown_three {background:#ccc; color:#fff;}	
	#navigation_horiz ul li #dropdown_three a {color:gray;}

/* style for vertical nav */	
#navigation_vert {
	margin:15px auto 0 auto;
	width:250px;
	min-height:380px;
	height:auto !important;
	height:380px;
	clear:both;
	padding:0 0 0 0;
}
#navigation_vert h1{
	float:left;
	display:block;
	width:211px;
	background:#28384b;
	margin:3px 0 1px 0;
	padding: 10px 0 10px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#fff;
	text-align:left;
	position:relative;
	clear:both;
	font-weight:normal;

	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-o-border-radius:18px;
	text-decoration:none;
}
#navigation_vert h1 a{ color:#fff;}

#navigation_vert  ul {
	float:left; 
	display:block;
}
#navigation_vert  ul li { 
	float:left;
	display:block;
	width:226px;
	margin:0 0 1px 0;
	position:relative;
	background:#3e5470 url(../images/icon-03.png) 16px 12px no-repeat;
	position:relative;
	z-index:900;

	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	text-decoration:none;
}
#navigation_vert  ul li:hover{ background:#006699 url(../images/icon-03.png) 20px 13px no-repeat; }

#navigation_vert  ul li a.navlink {
	display:block;
	*display:inline-block;
	width:190px;
	padding: 8px 0 8px 35px;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration:none;
	letter-spacing:0.05em;
	text-shadow: 1px 1px 1px #444444;
}
.menu-arrow{ background:url(../images/arrow-01.png) 95% 14px no-repeat; }
.menu-arrow:hover{ background:url(../images/arrow-01.png) 92% 14px no-repeat; }

#navigation_vert .dropdown {
	position:absolute;
	padding:15px 0 15px 5px;
	margin-left:5px;
	box-shadow: 1px 2px 2px #222222;
	/*  background:#f1f3f2; */
	background: url(../images/transparent-02.png) repeat;
	
	border:1px solid #4c688a;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	text-decoration:none;
}

/* style for each drop down - vertical */
#navigation_vert ul li #dropdown_four { color:#fff; }
#navigation_vert ul li #dropdown_four a {color:red; }

#navigation_vert ul li #dropdown_four ul{
	margin:0 0 5px 0;
	position:relative;
	z-index:900;
}
#navigation_vert ul li #dropdown_four ul li{
	width:250px;
	background:none;
	padding:0 0 0 10px;
	margin:0 25px 3px 0;
	position:relative;
	z-index:900;

}
#navigation_vert ul li #dropdown_four ul li a{
	float:left;
	width:250px;
	color:#FFFFFF;	
	background-color:#2f4157;
	padding:7px 3px 7px 15px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-shadow: 1px 1px 1px #444444;
	
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	text-decoration:none;
}
#navigation_vert ul li #dropdown_four ul li a:hover{ background-color:#006699; }

#navigation_vert ul li #dropdown_four ul li ul{
	margin:5px 0 5px 0;
	background:none;
}
#navigation_vert ul li #dropdown_four ul li ul li{
	width:100%;
	margin:0 0 0 0;
}
#navigation_vert ul li #dropdown_four ul li ul li a{
	float:left;
	width:230px;
	padding:6px 3px 7px 20px;
	margin:0 0 1 0;
	text-align:left;
	background:#f1f3f2;
	font-weight:normal;
	color:#222222;
	text-shadow: none;
	border-bottom:1px dotted #2f4157;
	background: url(../images/arrow_on.png) 3px 9px no-repeat;
	
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	text-decoration:none;
}

#navigation_vert ul li #dropdown_four ul li ul li a:hover{
	color:#000000;
	background:#edcf6c url(../images/arrow_off.png) 3px 9px no-repeat;
		
}

#navigation_vert ul li #dropdown_five {background:#666; color:#fff;}
#navigation_vert ul li #dropdown_five a {color:black;}

/* navigation styles - END */ 
/* ----------------------------------------------------- */	

























